<template>
	<svg :style='{width:width,height:height,fontSize:fontSize}' aria-hidden='true'
	xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512">
  <path d="M256 336c-5.22 0-10.4-.24-15.51-.69a176.12 176.12 0 0 1-131.29-78.37L20 416h115l58 96l82.53-177.09A177.53 177.53 0 0 1 256 336z" fill="currentColor" />
  <path d="M403 256.74a176.9 176.9 0 0 1-88.18 69.14L273.7 415.5L319 512l58-96h115z" fill="currentColor" />
  <circle cx="256.02" cy="160" r="48" fill="currentColor" />
  <path d="M256 16c-79.4 0-144 64.6-144 144s64.6 144 144 144s144-64.6 144-144S335.4 16 256 16zm0 224a80 80 0 1 1 80-80a80.09 80.09 0 0 1-80 80z" fill="currentColor" />
</svg>
</template>
<script setup lang='ts'>
const props = defineProps({
	width    : { type : String, require : false, default : '1em' },
	height   : { type : String, require : false, default : '1em' },
	fontSize : { type : String, require : false, default : 'inherit' }
});
</script>
